@charset "utf-8";
.market-main{
    max-width: 1670px;
    margin: 20px auto;
    padding: 20px;
}
.container-special{
    border: 1px solid rgb(255, 153, 0);
    border-top: 3px solid rgb(255, 153, 0);
    padding: 15px;
}
.market-first{
    padding: 10px;
    height: 553px;
    width: 263px;
    cursor: pointer;
    text-align: center;
}
.market-first img{
    opacity: 1;
}
.market-first img:hover{
    opacity: 0.8;
}
.market-each{
    padding: 10px;
    height: 287px;
    width: 263px;
    border: 2px solid white;
    /* cursor: pointer; */
    text-align: center;
}
.market-each:hover{
    border: 2px solid rgb(255, 153, 0);
}
.redColor{
    color: white;
    font-size: 16px;
}
.market-cart{
    width: 25px;
    height: 25px;
    background-color: rgb(255, 153, 0);
    text-align: center;
    padding: 4.5px;
    float: right;
}
.market-price{
    float: left;
    font-size: 23px;
}
.publish{
    background-color: rgb(255, 153, 0);
    position: fixed;
    top:580px;
    left:1700px;
    width: 55px;
    height: 150px;
    border: 1px solid transparent;
    border-radius: 3px;
    color: white;
}
.blank{
    display: block;
    width: 300px;
    background-color: black;
    height: 30px;
}
.market-menu{
    height: 200px;
    max-width:1070px;
    margin:  10px auto;
}
.tab-one{
    margin-left: 0px;
    /* height: 40px; */
    float: left;
    margin-top:7px;
    width:100%;
}
.tab-nav{
    width: 10%;
    float: left;
}
.tab-nav span{
    display: block;
    margin-left: 40px;
}
.tab-content{
    width: 90%; 
}
.market-menu a{
    font-size: 14px;
    color: #999999;
    text-decoration: none;
    display: block;
    float: left;
    margin-left: 25px;
    margin-top:3px;
}
.market-menu a:link,
.market-menu a:visited{
    color: #999999;
    text-decoration: none;
}
.market-menu a:hover{
    color: #FF9900;
    text-decoration: none;
}
.market-menu a:active{
    /* color: #FF9900; */
    color: red;
    text-decoration: none;
}
.market-menu a.selected{
    color: #FF9900;
}
.tab-drop{
    margin-left: 0px;
    float: left;
    margin-top:7px;
    width:100%;
}
.tab-content-drop{
    margin-right: 10px;
    margin-left: 106px;
    background-color:#F3F3F3;
    height: 90px;
}
.tab-content-drop-special{
    margin-right: 10px;
    margin-left: 106px;
    background-color:#fff;
    height: 10px;
}

/*======================导航和轮播=========================*/
.carsousel_nav{
    width: 100%;
    position: relative;
    /* height: 550px; */
    border: 3px solid green;
}
.headBar{
    background-color: rgb(255, 153, 0);
    margin: auto;
    padding-left: 440px; 
}
.dropmenu{
    color: white;
    height: 36px;
    width: 200px;
    line-height: 36px;
    background-color: rgb(255, 153, 0);
    font-size: 16px;
    margin-left: 20px;
    display: inline-block;
}
.rightmenu{
    display: inline-block;
}
.headBar span{
    margin: 0 20px 0 20px;
}
.headBar a{
    color: white;
    font-size: 16px;
    text-decoration: none;
}
.headBar a:hover{
    text-decoration: none;
}
.rightmenu img{
    height: 30px;
}
.carousel-main{
    width: 1024px;
    height: 400px;
    margin: 0 auto;
}
.carousel-main img{
    height: 400px;
}
.carousel-background{
    background-color: #E8E8E8;
    width: 100%;
    text-align: center;
    z-index: -1;
}
.carousel-inner{
    margin-left: 220px;
}
.carousel-indicators{
    margin-left: 220px;
}

/*=====================下拉菜单和内容==========================*/
.content-menu{
    width: 200px;
    background-color: #E2E2E3;
    position: absolute;
    left: 456px;
    top: 0;
    z-index: 1;
}
.enum-content{
    line-height: 40px;
    padding-left: 10px;
    font-size: 15px;
}
.enum-content:hover{
    background-color: white;
}
.enum-content span{
    margin-right: 10px;
}
.enum-content a{
    color: black;
}
.enum-content a:hover{
    color: lightskyblue;
    text-decoration: none;
}
.dropmenu:hover .content-menu{
    display: block;
}
.product{
    display: none;
    width: 800px;
    height: 400px;
    background-color: white;
    margin-left: 220px;
    position: absolute;
    left: 436px;
    top:0px;
    z-index: 1;
    padding-left: 10px;
    padding-top:10px;
}
.product a{
    color: #999;
    font-size: 14px;
    margin: 8px;
    /* margin: 0 8px 0 8px; */
}
.product a:hover{
    color: rgb(255, 153, 0);
    text-decoration: none;
}
.separtor{
    margin-top:20px;
    border-bottom: 1px dashed #e7e7e7;
}
.row{
    margin: 10px 80px 0 80px;
}
/* .row-special{
    margin: 0px 80px 0 80px;
} */
/*================================浮动导航栏===============================*/
.floatled{
    position: fixed;
    top:490px;
    left:200px;
    font-size: 12px;
    font-family: Arial;
    padding: 3px;
}
.floatled li{
    list-style-type: none;
    display: block;
    width: 36px;
    height: 33px;
    margin-bottom: 6px;
}
.floatled-part{
    height: 37px;
    width: 37px;
    background-color: rgb(98, 98, 98);
    color: white;
    border-width: 0;
}
.floatled-part img{
    width: 100%;
    height: 100%;
}
.active-red{
    background-color: red;
}
.active-blue{
    background-color: rgb(10, 166, 232);
}
.active-green{
    background-color:rgb(100, 195, 51);
}


/*======================================================*/
#imgContainer{
width:674px;
height:400px;
overflow:hidden;
position:relative;
/* margin: 30px auto; */
margin-left: 216px;
}
#imgContainer img{
display:none;
}
#imgMask{
position:absolute;
width:100%;
height:100%;
/* overflow:hidden; */
}
#imgMask .range{
float:left;
position:relative;
}
#imgMask .range div{
position:absolute;
left:0;
top:0;
}	
#imgContainer .pageBar{
position:absolute;
z-index:99;
right:10px;
bottom:10px
}
#imgContainer .pictureBar{
z-index:99;
}
.pageBar img, .pictureBar img{
display:block !important;
float:left;
border:1px solid #666;
margin:0px 2px 2px 2px;
filter:alpha(opacity=50);
-moz-opacity: .5;
opacity: .5;
}
.pageBar img.current, .pictureBar img.current{
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
display:block !important;
}
.pageBar a{
display:block;
background:#000;
border:1px solid #666;
color:#fff;
float:left;
width:16px;
font-size:12px;
margin:2px;
text-align:center;
line-height :16px;
font-family:Arial;
cursor:pointer;
text-decoration:none;
}
.pageBar a:hover,
.pageBar a.current{
background:red;
color:#fff;
border:1px solid #600;
border-top:1px solid #F96;
border-left:1px solid #F96;
}